<html>
    <head>
        <meta charset="UTF-8">
        <title>按钮</title>
        <link rel="stylesheet" href="./view/按钮/style.css">
    </head>
    <body>
            <!-- Unnamed (Rectangle) -->
            <div id="u701" class="ax_default heading_1">
                <div id="u701_div" class=""></div>
                <div id="u701_text" class="text ">
                    <p><span>Button 按钮</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u702" class="ax_default heading_1">
                <div id="u702_div" class=""></div>
                <div id="u702_text" class="text ">
                    <p><span>概述</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u703" class="ax_default label">
                <div id="u703_div" class=""></div>
                <div id="u703_text" class="text ">
                    <p><span>基础组件，触发业务逻辑时使用。</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u704" class="ax_default label">
                <div id="u704_div" class=""></div>
                <div id="u704_text" class="text ">
                    <p><span>按钮类型</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u705" class="ax_default label">
                <div id="u705_div" class=""></div>
                <div id="u705_text" class="text ">
                    <p><span>按钮类型有：默认按钮、主按钮、虚线按钮、文字按钮以及四种颜色按钮。</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u706" class="ax_default box_1">
                <div id="u706_div" class=""></div>
                <div id="u706_text" class="text ">
                    <p><span>Default</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u707" class="ax_default box_1">
                <div id="u707_div" class=""></div>
                <div id="u707_text" class="text ">
                    <p><span>Primary</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u708" class="ax_default box_1">
                <img id="u708_img" class="img " src="assets/images/按钮/u708.svg"/>
                <div id="u708_text" class="text ">
                    <p><span>Dashed</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u709" class="ax_default box_1">
                <img id="u709_img" class="img " src="assets/images/按钮/u709.svg"/>
                <div id="u709_text" class="text ">
                    <p><span>Text</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u710" class="ax_default box_1">
                <div id="u710_div" class=""></div>
                <div id="u710_text" class="text ">
                    <p><span>Info</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u711" class="ax_default box_1">
                <div id="u711_div" class=""></div>
                <div id="u711_text" class="text ">
                    <p><span>Success</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u712" class="ax_default box_1">
                <div id="u712_div" class=""></div>
                <div id="u712_text" class="text ">
                    <p><span>Warning</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u713" class="ax_default box_1">
                <div id="u713_div" class=""></div>
                <div id="u713_text" class="text ">
                    <p><span>Error</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u714" class="ax_default label">
                <div id="u714_div" class=""></div>
                <div id="u714_text" class="text ">
                    <p><span>幽灵按钮</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u715" class="ax_default label">
                <div id="u715_div" class=""></div>
                <div id="u715_text" class="text ">
                    <p><span>幽灵按钮将其他按钮的内容反色，背景变为透明，常用在有色背景上。</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u716" class="ax_default box_2">
                <div id="u716_div" class=""></div>
                <div id="u716_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u717" class="ax_default box_1">
                <div id="u717_div" class=""></div>
                <div id="u717_text" class="text ">
                    <p><span>Default</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u718" class="ax_default box_1">
                <div id="u718_div" class=""></div>
                <div id="u718_text" class="text ">
                    <p><span>Primary</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u719" class="ax_default box_1">
                <img id="u719_img" class="img " src="assets/images/按钮/u719.svg"/>
                <div id="u719_text" class="text ">
                    <p><span>Dashed</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u720" class="ax_default box_1">
                <img id="u720_img" class="img " src="assets/images/按钮/u720.svg"/>
                <div id="u720_text" class="text ">
                    <p><span>Text</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u721" class="ax_default box_1">
                <div id="u721_div" class=""></div>
                <div id="u721_text" class="text ">
                    <p><span>Info</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u722" class="ax_default box_1">
                <div id="u722_div" class=""></div>
                <div id="u722_text" class="text ">
                    <p><span>Success</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u723" class="ax_default box_1">
                <div id="u723_div" class=""></div>
                <div id="u723_text" class="text ">
                    <p><span>Warning</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u724" class="ax_default box_1">
                <div id="u724_div" class=""></div>
                <div id="u724_text" class="text ">
                    <p><span>Error</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u725" class="ax_default label">
                <div id="u725_div" class=""></div>
                <div id="u725_text" class="text ">
                    <p><span>图标按钮及按钮形状</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u726" class="ax_default label">
                <div id="u726_div" class=""></div>
                <div id="u726_text" class="text ">
                    <p><span>图标部分采用字体ionicons，注意单独处理</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u727" class="ax_default box_1">
                <div id="u727_div" class=""></div>
                <div id="u727_text" class="text ">
                    <p><span></span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u728" class="ax_default box_1">
                <div id="u728_div" class=""></div>
                <div id="u728_text" class="text ">
                    <p><span style="font-family:'Ionicons';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">Search</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u729" class="ax_default box_1">
                <div id="u729_div" class=""></div>
                <div id="u729_text" class="text ">
                    <p><span style="font-family:'Ionicons';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">Search</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u730" class="ax_default box_1">
                <div id="u730_div" class=""></div>
                <div id="u730_text" class="text ">
                    <p><span>Circle</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u731" class="ax_default box_1">
                <div id="u731_div" class=""></div>
                <div id="u731_text" class="text ">
                    <p><span></span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u732" class="ax_default box_1">
                <div id="u732_div" class=""></div>
                <div id="u732_text" class="text ">
                    <p><span style="font-family:'Ionicons';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">Search</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u733" class="ax_default box_1">
                <div id="u733_div" class=""></div>
                <div id="u733_text" class="text ">
                    <p><span style="font-family:'Ionicons';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">Search</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u734" class="ax_default box_1">
                <div id="u734_div" class=""></div>
                <div id="u734_text" class="text ">
                    <p><span>Circle</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u735" class="ax_default label">
                <div id="u735_div" class=""></div>
                <div id="u735_text" class="text ">
                    <p><span>按钮尺寸</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u736" class="ax_default label">
                <div id="u736_div" class=""></div>
                <div id="u736_text" class="text ">
                    <p><span>大</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u737" class="ax_default label">
                <div id="u737_div" class=""></div>
                <div id="u737_text" class="text ">
                    <p><span>默认（中）</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u738" class="ax_default label">
                <div id="u738_div" class=""></div>
                <div id="u738_text" class="text ">
                    <p><span>小</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u739" class="ax_default box_1">
                <div id="u739_div" class=""></div>
                <div id="u739_text" class="text ">
                    <p><span>Default</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u740" class="ax_default box_1">
                <div id="u740_div" class=""></div>
                <div id="u740_text" class="text ">
                    <p><span>Primary</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u741" class="ax_default box_1">
                <img id="u741_img" class="img " src="assets/images/按钮/u741.svg"/>
                <div id="u741_text" class="text ">
                    <p><span>Dashed</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u742" class="ax_default box_1">
                <img id="u742_img" class="img " src="assets/images/按钮/u742.svg"/>
                <div id="u742_text" class="text ">
                    <p><span>Text</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u743" class="ax_default box_1">
                <div id="u743_div" class=""></div>
                <div id="u743_text" class="text ">
                    <p><span></span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u744" class="ax_default box_1">
                <div id="u744_div" class=""></div>
                <div id="u744_text" class="text ">
                    <p><span style="font-family:'Ionicons';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">Download</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u745" class="ax_default box_1">
                <div id="u745_div" class=""></div>
                <div id="u745_text" class="text ">
                    <p><span style="font-family:'Ionicons';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">Backward</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u746" class="ax_default box_1">
                <div id="u746_div" class=""></div>
                <div id="u746_text" class="text ">
                    <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">Forward </span><span style="font-family:'Ionicons';"></span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u747" class="ax_default box_1">
                <div id="u747_div" class=""></div>
                <div id="u747_text" class="text ">
                    <p><span>Default</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u748" class="ax_default box_1">
                <div id="u748_div" class=""></div>
                <div id="u748_text" class="text ">
                    <p><span>Primary</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u749" class="ax_default box_1">
                <img id="u749_img" class="img " src="assets/images/按钮/u708.svg"/>
                <div id="u749_text" class="text ">
                    <p><span>Dashed</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u750" class="ax_default box_1">
                <img id="u750_img" class="img " src="assets/images/按钮/u709.svg"/>
                <div id="u750_text" class="text ">
                    <p><span>Text</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u751" class="ax_default box_1">
                <div id="u751_div" class=""></div>
                <div id="u751_text" class="text ">
                    <p><span></span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u752" class="ax_default box_1">
                <div id="u752_div" class=""></div>
                <div id="u752_text" class="text ">
                    <p><span style="font-family:'Ionicons';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">Download</span></p>
                </div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u753" class="ax_default" data-left="597" data-top="826" data-width="215" data-height="32">

                <!-- Unnamed (Rectangle) -->
                <div id="u754" class="ax_default box_1">
                    <div id="u754_div" class=""></div>
                    <div id="u754_text" class="text ">
                        <p><span style="font-family:'Ionicons';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">Backward</span></p>
                    </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u755" class="ax_default box_1">
                    <div id="u755_div" class=""></div>
                    <div id="u755_text" class="text ">
                        <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">Forward </span><span style="font-family:'Ionicons';"></span></p>
                    </div>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u756" class="ax_default box_1">
                <div id="u756_div" class=""></div>
                <div id="u756_text" class="text ">
                    <p><span>Primary</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u757" class="ax_default box_1">
                <div id="u757_div" class=""></div>
                <div id="u757_text" class="text ">
                    <p><span>Default</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u758" class="ax_default box_1">
                <img id="u758_img" class="img " src="assets/images/按钮/u758.svg"/>
                <div id="u758_text" class="text ">
                    <p><span>Dashed</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u759" class="ax_default box_1">
                <img id="u759_img" class="img " src="assets/images/按钮/u759.svg"/>
                <div id="u759_text" class="text ">
                    <p><span>Text</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u760" class="ax_default box_1">
                <div id="u760_div" class=""></div>
                <div id="u760_text" class="text ">
                    <p><span></span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u761" class="ax_default box_1">
                <div id="u761_div" class=""></div>
                <div id="u761_text" class="text ">
                    <p><span style="font-family:'Ionicons';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">Download</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u762" class="ax_default box_1">
                <div id="u762_div" class=""></div>
                <div id="u762_text" class="text ">
                    <p><span style="font-family:'Ionicons';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">Backward</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u763" class="ax_default box_1">
                <div id="u763_div" class=""></div>
                <div id="u763_text" class="text ">
                    <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">Forward </span><span style="font-family:'Ionicons';"></span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u764" class="ax_default label">
                <div id="u764_div" class=""></div>
                <div id="u764_text" class="text ">
                    <p><span>长按钮</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u765" class="ax_default label">
                <div id="u765_div" class=""></div>
                <div id="u765_text" class="text ">
                    <p><span>常用于弹窗内操作按钮。</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u766" class="ax_default box_1">
                <div id="u766_div" class=""></div>
                <div id="u766_text" class="text ">
                    <p><span>SUBMIT</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u767" class="ax_default box_1">
                <div id="u767_div" class=""></div>
                <div id="u767_text" class="text ">
                    <p><span>DELETE</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u768" class="ax_default label">
                <div id="u768_div" class=""></div>
                <div id="u768_text" class="text ">
                    <p><span>不可用状态</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u769" class="ax_default label">
                <div id="u769_div" class=""></div>
                <div id="u769_text" class="text ">
                    <p><span>通过右键选择disabled，可将按钮至于不可用状态，只在预览时有效果</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u770" class="ax_default box_1">
                <div id="u770_div" class=""></div>
                <div id="u770_text" class="text ">
                    <p><span>Default</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u771" class="ax_default box_1">
                <div id="u771_div" class=""></div>
                <div id="u771_text" class="text ">
                    <p><span>Primary</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u772" class="ax_default box_1">
                <img id="u772_img" class="img " src="assets/images/按钮/u708.svg"/>
                <div id="u772_text" class="text ">
                    <p><span>Dashed</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u773" class="ax_default box_1">
                <img id="u773_img" class="img " src="assets/images/按钮/u709.svg"/>
                <div id="u773_text" class="text ">
                    <p><span>Text</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u774" class="ax_default box_1 disabled">
                <div id="u774_div" class="disabled"></div>
                <div id="u774_text" class="text ">
                    <p><span>Default(Disabled)</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u775" class="ax_default box_1 disabled">
                <div id="u775_div" class="disabled"></div>
                <div id="u775_text" class="text ">
                    <p><span>Primary(Disabled)</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u776" class="ax_default box_1 disabled">
                <img id="u776_img" class="img " src="assets/images/按钮/u776_disabled.svg"/>
                <div id="u776_text" class="text ">
                    <p><span>Dashed(Disabled)</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u777" class="ax_default box_1 disabled">
                <img id="u777_img" class="img " src="assets/images/按钮/u777.svg"/>
                <div id="u777_text" class="text ">
                    <p><span>Text(Disabled)</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u778" class="ax_default label">
                <div id="u778_div" class=""></div>
                <div id="u778_text" class="text ">
                    <p><span>按钮组合</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u779" class="ax_default label">
                <div id="u779_div" class=""></div>
                <div id="u779_text" class="text ">
                    <p><span>将多个按钮组合在一起，实现按钮组合的效果</span></p>
                </div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u780" class="ax_default" data-left="230" data-top="1258" data-width="155" data-height="32">

                <!-- Unnamed (Rectangle) -->
                <div id="u781" class="ax_default box_1">
                    <div id="u781_div" class=""></div>
                    <div id="u781_text" class="text ">
                        <p><span>Cancel</span></p>
                    </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u782" class="ax_default box_1">
                    <div id="u782_div" class=""></div>
                    <div id="u782_text" class="text ">
                        <p><span>Confirm</span></p>
                    </div>
                </div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u783" class="ax_default" data-left="395" data-top="1258" data-width="258" data-height="32">

                <!-- Unnamed (Rectangle) -->
                <div id="u784" class="ax_default box_1 disabled">
                    <div id="u784_div" class="disabled"></div>
                    <div id="u784_text" class="text ">
                        <p><span>Yesterday</span></p>
                    </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u785" class="ax_default box_1 disabled">
                    <div id="u785_div" class="disabled"></div>
                    <div id="u785_text" class="text ">
                        <p><span>Today</span></p>
                    </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u786" class="ax_default box_1 disabled">
                    <div id="u786_div" class="disabled"></div>
                    <div id="u786_text" class="text ">
                        <p><span>Tomorrow</span></p>
                    </div>
                </div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u787" class="ax_default" data-left="663" data-top="1258" data-width="155" data-height="32">

                <!-- Unnamed (Rectangle) -->
                <div id="u788" class="ax_default box_1">
                    <div id="u788_div" class=""></div>
                    <div id="u788_text" class="text ">
                        <p><span>M</span></p>
                    </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u789" class="ax_default box_1">
                    <div id="u789_div" class=""></div>
                    <div id="u789_text" class="text ">
                        <p><span>L</span></p>
                    </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u790" class="ax_default box_1">
                    <div id="u790_div" class=""></div>
                    <div id="u790_text" class="text ">
                        <p><span>M</span></p>
                    </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u791" class="ax_default box_1">
                    <img id="u791_img" class="img " src="assets/images/按钮/u791.svg"/>
                    <div id="u791_text" class="text ">
                        <p><span>R</span></p>
                    </div>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u792" class="ax_default label">
                <div id="u792_div" class=""></div>
                <div id="u792_text" class="text ">
                    <p><span>Basic</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u793" class="ax_default label">
                <div id="u793_div" class=""></div>
                <div id="u793_text" class="text ">
                    <p><span>Icons</span></p>
                </div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u794" class="ax_default" data-left="230" data-top="1332" data-width="215" data-height="32">

                <!-- Unnamed (Rectangle) -->
                <div id="u795" class="ax_default box_1">
                    <div id="u795_div" class=""></div>
                    <div id="u795_text" class="text ">
                        <p><span style="font-family:'Ionicons';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">Backward</span></p>
                    </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u796" class="ax_default box_1">
                    <div id="u796_div" class=""></div>
                    <div id="u796_text" class="text ">
                        <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">Forward </span><span style="font-family:'Ionicons';"></span></p>
                    </div>
                </div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u797" class="ax_default" data-left="455" data-top="1332" data-width="86" data-height="32">

                <!-- Unnamed (Rectangle) -->
                <div id="u798" class="ax_default box_1">
                    <div id="u798_div" class=""></div>
                    <div id="u798_text" class="text ">
                        <p><span></span></p>
                    </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u799" class="ax_default box_1">
                    <div id="u799_div" class=""></div>
                    <div id="u799_text" class="text ">
                        <p><span></span></p>
                    </div>
                </div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u800" class="ax_default" data-left="551" data-top="1332" data-width="172" data-height="32">

                <!-- Unnamed (Rectangle) -->
                <div id="u801" class="ax_default box_1 disabled">
                    <div id="u801_div" class="disabled"></div>
                    <div id="u801_text" class="text ">
                        <p><span></span></p>
                    </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u802" class="ax_default box_1 disabled">
                    <div id="u802_div" class="disabled"></div>
                    <div id="u802_text" class="text ">
                        <p><span></span></p>
                    </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u803" class="ax_default box_1 disabled">
                    <div id="u803_div" class="disabled"></div>
                    <div id="u803_text" class="text ">
                        <p><span></span></p>
                    </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u804" class="ax_default box_1 disabled">
                    <div id="u804_div" class="disabled"></div>
                    <div id="u804_text" class="text ">
                        <p><span></span></p>
                    </div>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u805" class="ax_default label">
                <div id="u805_div" class=""></div>
                <div id="u805_text" class="text ">
                    <p><span>Circle</span></p>
                </div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u806" class="ax_default" data-left="230" data-top="1403" data-width="215" data-height="32">

                <!-- Unnamed (Rectangle) -->
                <div id="u807" class="ax_default box_1">
                    <div id="u807_div" class=""></div>
                    <div id="u807_text" class="text ">
                        <p><span style="font-family:'Ionicons';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">Backward</span></p>
                    </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u808" class="ax_default box_1">
                    <div id="u808_div" class=""></div>
                    <div id="u808_text" class="text ">
                        <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">Forward </span><span style="font-family:'Ionicons';"></span></p>
                    </div>
                </div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u809" class="ax_default" data-left="455" data-top="1403" data-width="86" data-height="32">

                <!-- Unnamed (Rectangle) -->
                <div id="u810" class="ax_default box_1">
                    <div id="u810_div" class=""></div>
                    <div id="u810_text" class="text ">
                        <p><span></span></p>
                    </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u811" class="ax_default box_1">
                    <div id="u811_div" class=""></div>
                    <div id="u811_text" class="text ">
                        <p><span></span></p>
                    </div>
                </div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u812" class="ax_default" data-left="551" data-top="1403" data-width="175" data-height="32">

                <!-- Unnamed (Rectangle) -->
                <div id="u813" class="ax_default box_1 disabled">
                    <div id="u813_div" class="disabled"></div>
                    <div id="u813_text" class="text ">
                        <p><span></span></p>
                    </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u814" class="ax_default box_1 disabled">
                    <div id="u814_div" class="disabled"></div>
                    <div id="u814_text" class="text ">
                        <p><span></span></p>
                    </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u815" class="ax_default box_1 disabled">
                    <div id="u815_div" class="disabled"></div>
                    <div id="u815_text" class="text ">
                        <p><span></span></p>
                    </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u816" class="ax_default box_1 disabled">
                    <div id="u816_div" class="disabled"></div>
                    <div id="u816_text" class="text ">
                        <p><span></span></p>
                    </div>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u817" class="ax_default label">
                <div id="u817_div" class=""></div>
                <div id="u817_text" class="text ">
                    <p><span>Size</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u818" class="ax_default box_1">
                <div id="u818_div" class=""></div>
                <div id="u818_text" class="text ">
                    <p><span>Large</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u819" class="ax_default box_1">
                <div id="u819_div" class=""></div>
                <div id="u819_text" class="text ">
                    <p><span>Large</span></p>
                </div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u820" class="ax_default" data-left="388" data-top="1491" data-width="152" data-height="32">

                <!-- Unnamed (Rectangle) -->
                <div id="u821" class="ax_default box_1">
                    <div id="u821_div" class=""></div>
                    <div id="u821_text" class="text ">
                        <p><span>Default</span></p>
                    </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u822" class="ax_default box_1">
                    <div id="u822_div" class=""></div>
                    <div id="u822_text" class="text ">
                        <p><span>Default</span></p>
                    </div>
                </div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u823" class="ax_default" data-left="556" data-top="1495" data-width="104" data-height="24">

                <!-- Unnamed (Rectangle) -->
                <div id="u824" class="ax_default box_1">
                    <div id="u824_div" class=""></div>
                    <div id="u824_text" class="text ">
                        <p><span>Small</span></p>
                    </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u825" class="ax_default box_1">
                    <div id="u825_div" class=""></div>
                    <div id="u825_text" class="text ">
                        <p><span>Small</span></p>
                    </div>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u826" class="ax_default box_1">
                <div id="u826_div" class=""></div>
                <div id="u826_text" class="text ">
                    <p><span>Large</span></p>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u827" class="ax_default box_1">
                <div id="u827_div" class=""></div>
                <div id="u827_text" class="text ">
                    <p><span>Large</span></p>
                </div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u828" class="ax_default" data-left="388" data-top="1543" data-width="152" data-height="32">

                <!-- Unnamed (Rectangle) -->
                <div id="u829" class="ax_default box_1">
                    <div id="u829_div" class=""></div>
                    <div id="u829_text" class="text ">
                        <p><span>Default</span></p>
                    </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u830" class="ax_default box_1">
                    <div id="u830_div" class=""></div>
                    <div id="u830_text" class="text ">
                        <p><span>Default</span></p>
                    </div>
                </div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u831" class="ax_default" data-left="556" data-top="1543" data-width="104" data-height="24">

                <!-- Unnamed (Rectangle) -->
                <div id="u832" class="ax_default box_1">
                    <div id="u832_div" class=""></div>
                    <div id="u832_text" class="text ">
                        <p><span>Small</span></p>
                    </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u833" class="ax_default box_1">
                    <div id="u833_div" class=""></div>
                    <div id="u833_text" class="text ">
                        <p><span>Small</span></p>
                    </div>
                </div>
            </div>
    </body>
</html>
